<style>
    .liuwrap{
        vertical-align: top;
    }
    .liuwrap span{
        vertical-align: top;
    }
</style>

<ion-view>
    <ion-pane>
        <!--<ion-header-bar class="zhuce_head index_head">
          <button class="button button-icon icon ion-android-arrow-back" style="color: #fff"></button>
          <div class="h1 title"> 数据统计-交易</div>
        </ion-header-bar>-->
        <ion-header-bar class="index_head">
            <button class="button button-icon icon ion-android-arrow-back" ui-sref="shopHome"
                    style="color: #fff"></button>
            <div class="h1 title">数据统计-交易</div>
        </ion-header-bar>
        <ion-content class="stable-bg">
            <div class="data_chart_wrap">

                <!--图标统计-->
                <div class="data_chart_head">
                    <!--<div class="row data_chart_tit">-->
                    <!--<span class="col">-->
                      <!--<i></i>预约金额-->
                    <!--</span>-->
                    <!--<span class="col">-->
                        <!--<i style="background-color: #46a4ec;"></i>打款金额-->
                    <!--</span>-->
                    <!--</div>-->
                    <div  id="main" style="width: 100%; height: 200px">

                    </div>
                    <div>
                        <div style="float: left">{{minData}}</div>
                        <div style="float: right;">{{maxData}}</div>
                    </div>
                    <ul class="row data_charthead_list">
                        <li class="col" ng-click="flowTab(-7)" ng-class="{true:'active',false:''}[flowShowTab == -7]">
                            <a href="#">7天</a>
                        </li>
                        <li class="col" ng-click="flowTab(-30)" ng-class="{true:'active',false:''}[flowShowTab == -30]">
                            <a href="#">1个月</a>
                        </li>
                        <li class="col" ng-click="flowTab(-90)" ng-class="{true:'active',false:''}[flowShowTab == -90]">
                            <a href="#">3个月</a>
                        </li>
                        <li class="col" ng-click="flowTab(-180)" ng-class="{true:'active',false:''}[flowShowTab == -180]">
                            <a href="#">半年</a>
                        </li>

                    </ul>
                </div>

                <!--数字统计-->
                <div class="data_num">
                    <ul class="row dataTran">
                        <li class="col" ui-sref="app.order">
                            <div style="color: #fff;">{{thisMonth.makeAll/10000 || 0}}</div>
                            <p style="color: #fff;" class="liuwrap">
                                <span><img src="img/commimg/trans1.png" style="width: 18px;"/></span>
                                <span>{{MathDay}}天预约金额（万）</span>
                            </p>
                        </li>
                        <li class="col" ui-sref="app.order">
                            <div style="color: #fff;">{{thisMonth.doneAll/10000 || 0}}</div>
                            <p style="color: #fff;" class="liuwrap">
                                <span><img src="img/commimg/trans2.png" style="width: 18px;"/></span>
                                <span>{{MathDay}}天打款金额（万）</span>
                            </p>
                        </li>

                    </ul>
                </div>

            </div>


        </div>
  </ion-content>

        <div class="tabs tabs-icon-top foot_tab data_tab" style="margin-bottom: env(safe-area-inset-bottom);margin-bottom: constant(safe-area-inset-bottom);">
            <a class="tab-item" ui-sref="shopDataFlow">
                <span class="icon">
                     <img src="img/commimg/liuliang_iconhui.png" alt="">
                    <!--<img src="img/mews_x.png" alt="">-->
                </span>
                流量
            </a>
            <a class="tab-item" ui-sref="shopDataProduct">
                <span class="icon">
                   <img src="img/commimg/chanpin_iconhui.png" alt="">

                </span>
                产品
            </a>

            <a class="tab-item" ui-sref="shopTransaction" style="color: #fb8223;">

                <span class="icon">
                  <img src="img/commimg/jiaoyi_icon.png" alt="">

                </span>
                交易
            </a>

        </div>
    </ion-pane>
</ion-view>
